<template>
  <div class="about-us">
    <br/>
    <h1 class="title">关于我们</h1>
    <span class="content1">
      <p>瓷刻永念诞生于贰〇贰〇年</p>
    </span>
    <span class="content2">
      <p>以中国传统陶瓷文化为名片</p>
      <p>以MINI定制骨灰坛为特色产品</p>
    </span>
    <span class="content1">
      <p>我们可以选择，让死亡在美好的自然容器里「化归自然」❀</p>
      <p>我们是来自「景德镇」的陶瓷团队</p>
      <p>致力把「瓷器」最美的一面带给「死亡」</p>
      <p>我们致力于成为契合新兴需求</p>
      <p>深化中日合作、搭建文化桥梁的创新性丧葬品牌</p>
      <p>以技艺、质量与服务为核心抓手为日本消费者带来别具特色的东方体验</p>
    </span>
    <span class="content3">
      <p style="margin-bottom: 0">瓷刻永念————一家注重自然人情的瓷艺公司</p>
    </span>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
  name: 'AboutUs',
});
</script>

<style scoped>
.about-us {
  /*background-image: url("../assets/images/bgk02.jpg");*/
  background-image: linear-gradient(rgba(206, 205, 205, 0.5), rgba(206, 205, 205, 0.5)), url("../assets/images/bg03.png");
  background-position: center;
  text-align: center;
  font-family: '岩田仿宋', serif;
  color: white;
}

.title {
  margin-top: 0;
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 20px;
  font-family: '岩田仿宋', serif;
}

.content1 {
  font-size: 24px;
  line-height: 1.5;
}

.content2{
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
}

.content3{
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0;
}
</style>
